---
---

<div class="prose dark:prose-invert p-5">
  <slot />
</div>

<style is:global>
  pre.astro-code {
    background-color: #e6eaef !important;
  }

  html.dark {
    pre.astro-code {
      background-color: var(--shiki-dark-bg) !important;
    }
  }

  html.dark .astro-code,
  html.dark .astro-code span {
    color: var(--shiki-dark) !important;
    background-color: var(--shiki-dark-bg) !important;
    /* Optional, if you also want font styles */
    font-style: var(--shiki-dark-font-style) !important;
    font-weight: var(--shiki-dark-font-weight) !important;
    text-decoration: var(--shiki-dark-text-decoration) !important;
  }
</style>